@box_height:60px;
.container{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.bgImage{
    width: 100%;
    height: @box_height;
}
.title{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    font-size: 20px;
    letter-spacing: 1px;
    text-indent: 1px;
    margin-top: -20px;
}
.clock{
    position:absolute;
}
.head_left{
    position:absolute;
    left:120px;
}
.head_right{
    position: absolute;
    right: 10px;
}
.logoStyle{
    position: absolute;
    left: 10px;
}

.container-every-item(){
    .bgImage{
        height: @box_height;
    }
    .title{
        margin-top: 0;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}


.container_2{
     @box_height:80px;
     @item_top:23px;
    //  .container-every-item();
    .bgImage{
        height: @box_height;
    }
    .title{
        margin-top: 0;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}

.container_3{
    @box_height:100px;
    @item_top:45px;
    .bgImage{
        height: @box_height;
    }
    .title{
        left: 220px;
        top:60px;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:200px;
    }
    .head_right{
        top:45px;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}

.container_4{
    @box_height:100px;
    @item_top:70px;
    .bgImage{
        height:@box_height;
    }
    .title{
      margin-top: 0;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}


.container_5{
    @box_height:100px;
    @item_top:23px;
    .bgImage{
        height:@box_height;
    }
    .title{
      margin-top: -10px;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}



.container_6{
    @box_height:100px;
    @item_top:40px;
    .bgImage{
        height:@box_height;
    }
    .title{
      margin-top: -20px;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}




.container_7{
    @box_height:100px;
    @item_top:10px;
    .bgImage{
        height:@box_height;
    }
    .title{
      margin-top: -10px;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}




.container_8{
    @box_height:100px;
    @item_top:20px;
    .bgImage{
        height:@box_height;
    }
    .title{
      margin-top: -10px;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}

.container_9{
    @box_height:80px;
    @item_top:35px;
    .bgImage{
        height:@box_height;
    }
    .title{
      margin-top:-8px;
      margin-left: -12px;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}


.container_10{
    @box_height:100px;
    @item_top:35px;
    .bgImage{
        height:@box_height;
    }
    .title{
        margin-top:-8px;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}



.container_11{
    @box_height:100px;
    @item_top:35px;
    .bgImage{
        height:@box_height;
    }
    .title{
      margin-top:-8px;
    }
    .clock{
        top: @item_top;
    }
    .head_left{
        top: @item_top;
        left:120px;
    }
    .head_right{
        top: @item_top;
        right: 10px;
    }
    .logoStyle{
        top: @item_top;
        left: 10px;
    }
}

.container_12{
    @box_height:100px;
    @item_top:35px;
    .bgImage{
        height:@box_height;
    }
    .title{
      margin-top:-30px;
    }
    .clock{
        top:@item_top;
    }
    .head_left{
        top:@item_top;
        left:120px;
    }
    .head_right{
        top:@item_top;
        right: 10px;
    }
    .logoStyle{
        top:@item_top;
        left: 10px;
    }
}
